@mixin flex($justify:center,$align:center,$direction:row) {
	display: flex;
	justify-content: $justify;
	align-items: $align;
	flex-direction: $direction;
}
@mixin bgm($filename) {
	// background-image: url('../common/img/declaration/'+$filename);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
* {
	box-sizing: border-box;
}
$font-gray:#909399;
.product {
	margin-left: 26rpx;
	@include flex(space-between, flex-start);

	.product-image {
		flex-shrink: 0;
		width: 180rpx;
		height: 180rpx;
		background: #FAFAFA;
		border-radius: 8rpx;
	}

	.product-info {
		margin-left: 20rpx;
		width: 374rpx;
		
		.product-name {
			font-size: 28rpx;
			color: #303133;
			line-height: 46rpx;
			overflow: hidden;
			word-break: break-all;  /* break-all(允许在单词内换行。) */
			text-overflow: ellipsis;  /* 超出部分省略号 */
			display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
			-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
			-webkit-line-clamp: 2; /** 显示的行数 **/
		}

		.product-desc {
			margin-top: 6rpx;

			@include flex(flex-start);

			.product-desc-item {
				margin-right: 12rpx;
				font-size: 24rpx;
				color: $font-gray;
				line-height: 24rpx;
			}
		}

		.product-price {
			margin-top: 16rpx;
			font-size: 32rpx;
			color: #FF4544;
			line-height: 40rpx;

			&::before {
				content: '¥';
				font-size: 28rpx;
			}
		}
	}
	.product-number {
		font-size: 28rpx;
		color: $font-gray;
		line-height: 40rpx;
	}
}
			
.combined {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 0 40rpx;
	width: 750rpx;
	height: 88rpx;
	background: #FFFFFF;
	@include flex(flex-end, center);

	.combined-amount {
		margin-right: 40rpx;
		@include flex(flex-end);
		font-size: 28rpx;
		color: #303133;
		line-height: 28rpx;

		.combined-value {
			color: #FF4544;
		}

	}

	.combined-button {
		@include flex;
		padding: 14rpx 36rpx;
		background: #FF4544;
		border-radius: 44rpx;
		font-size: 28rpx;
		color: #FFFFFF;
		line-height: 40rpx;
	}
}